<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>线路能耗信息</title>
	<script>
	var requireExtraPaths = {
		extrance : '../../../report_js/lineAnalysis/lineAnaEnergyInfo',
	    reportCommon : '../../../report_js/reportCommon/reportCommon'
	};
	</script>
    <jsp:include flush="true" page="../../base/base.jsp"></jsp:include>
<style>
	
.data-num2 .item .item-panel a + a,
.data-num2 .item .item-panel a {
	height: 31px;
	line-height: 31px;
	font-size: 13px;
	
}
.data-num2 .item .item-panel {
	height: 92px;
	overflow: hidden;
	background-color: #f2f2f2;
	
}
.data-num2 .item .item-panel a.active {
	background-color: #F9F9F9;
}
</style>
</head>
<body>
<article class="site-col-extra">
	<div class="filter-layout clearfix">
		<div class="filter-bar">
			<div class="time-select ml0">
				<a class="active" val="02">昨天</a> <a val="03">近7天</a> <a val="04">本月</a> <a val="05">上月</a><a val="06">今年</a> <a val="07">去年</a>
			</div>
			<div class="tab-panel3">
				<a class="active" val="oil">油</a>
				<a val="gas">气</a>
				<a val="ele">电</a>
			</div>
		</div>
  	</div>
	<div class="data-num data-num2 clearfix mt15 ml20">
		<div class="item">
			<div class="item-box">
				<div class="ct-shadow">
					<h4>总能耗</h4>
					<p id="totalEnerTmp"></p>
					<span></span>
					<%--<div class="item-panel">
						<a class="active" val="oil">油</a>
						<a val="ele">电</a>
						<a val="gas">气</a>
					</div>--%>
				</div>
			</div>
		</div>
		<div class="item">
			<div class="item-box">
				<div class="ct-shadow">
					<h4>百公里能耗</h4>
					<p id="hundKmEnerTmp"></p>
					<span></span>
					</div>
				</div>
			</div>
	</div>
	<div class="statistics-chart clearfix">
		<div class="item-wrap">
			<div class="item-wrap-inner">
				<div class="item">
					<div class="title-bar">能耗趋势</div>
					<div class="chart-inner" id="lineEnerCharts" style="height: 309px">
					</div>
				</div>
			</div>
			<div class="item-wrap-inner mt20">
				<div class="item">
					<div class="title-bar">TOP5 里程排名</div>
					<table class="table-style6" id="trHtml" width="100%">
					</table>
				</div>
			</div>
		</div>
		<div class="item-wrap">
			<div class="item-wrap-inner">
				<div class="item item2">
					<div class="title-bar">百公里能耗比例图</div>
					<div class="chart-inner" id="lineHukTmpTrend" style="height: 600px">
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- <a href="" class="btn-link-wrap">能耗明细 >></a> -->
	<div class="blank15"></div>
</article>
</body>
</html>